<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			html,body{
				height: 100%;
			}
			body{
				background-color: rgb(238 238 238);
			}
			ul{
				list-style: none;
			}
			#box{
				width: 600px;
				border: 1px solid #666;
				margin: 50px auto;
				padding: 20px;
			}
			#box>li:first-child{
				font-size: 1.5rem;
				font-weight: bold;
				border-bottom-style: solid;
				padding: 10px 0;
			}
			#box>li{
				border-bottom: 1px dotted #999;
				margin-top: 10px;
				padding: 10px 1.5rem;
			}
			#box>li:not(:first-child):hover{
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<ul id="box">
			<li>最新文章/New Artcles——</li>
			<li><a href="">北京招聘网页设计，平面设计.php——</a></li>
			<li>体验javascript的魅力——</li>
			<li>jQuery世界来临——</li>
			<li>网页设计师的梦想——</li>
			<li>jQuery中的链式编程是什么——</li>
			
		</ul>
	</body>
</html>
